<!DOCTYPE html>
<html>
    <head>
        <title>{title}</title>
        <meta name="keywords" content="{title}" />
        <meta name="description" content="{title}">
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <meta name="author" content="dfer.site" />
        <link rel="stylesheet" href="/css/bootstrap/bootstrap.min.css">
        <link rel="stylesheet" href="/css/front.css">
        <link rel="stylesheet" href="/css/font-awesome.min.css">
        <script src="/js/jquery-1.12.4.min.js"></script>
        <style>
            /*********************** 自适应 START ***********************/
            @media {
                .inner-logo {
                    background: url({logo});
                }
            }

            @media (max-width:375px) {

                #comming-countdown li {
                    margin-left: 30px;
                }

            }

            /***********************  自适应 END  ***********************/
        </style>
    </head>
    <body>
        <!-- ********************** loader START ********************** -->
        <div id="preloader">
            <div id="status">
                <div id="container">
                    <div class="loader">
                        <div class="loader-inner pacman">
                            <div></div>
                            <div></div>
                            <div></div>
                            <div></div>
                            <div></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- **********************  loader END  ********************** -->

        <!-- ********************** Wrapper START ********************** -->
        <div class="wrap push">
            <div>
                <div class="comming-soon-holder fullscreen font-roboto">
                    <div class="cr-display-table">
                        <div class="cr-display-table-cell">
                            <div class="comming-soon-wrap">
                                <div class="logo-holder">
                                    <a href="/" class="inner-logo"></a>
                                </div>
                                <p>
                                <h1>网站正在维护!</h1>
                                </p>
                                <!-- ********************** 计时器 START ********************** -->
                                <ul id="comming-countdown">
                                    <li><span class="days">00</span>
                                        <p class="days_text"></p>
                                    </li>
                                    <li><span class="hours">00</span>
                                        <p class="hours_text"></p>
                                    </li>
                                    <li><span class="minutes">00</span>
                                        <p class="minutes_text"></p>
                                    </li>
                                    <li><span class="seconds">00</span>
                                        <p class="seconds_text"></p>
                                    </li>
                                </ul>
                                <!-- **********************  计时器 END  ********************** -->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- **********************  Wrapper END  ********************** -->

        <script src="/js/bootstrap.min.js"></script>
        <script src="/js/datepicker.js"></script>
        <script src="/js/main.js"></script>
        <script src="/js/countdown.js"></script>
        <script>
            $(() => {
                $('#comming-countdown').countdown({
                    date: '{date}',
                    // 中国是东八区。北京时间=世界时+8小时
                    offset: +8,
                    days: '天',
                    hours: '小时',
                    minutes: '分钟',
                    seconds: '秒'
                }, function() {
                    console.log('倒计时结束！');
                });
            })
        </script>
    </body>
</html>